import { useState, useEffect } from "react";

export default function useFn() {
  //   state = {
  //     x: 0,
  //     y: 0,
  //   };
  const [x, setX] = useState(0);
  const [y, setY] = useState(0);

  //   handleMove = (e) => {
  //     // console.log(e)
  //     this.setState({
  //       x: e.clientX,
  //       y: e.clientY,
  //     });
  //   };
  function handleMove (e){
      console.log(e)
    setX(e.clientX)
    setY(e.clientY)
    };
    useEffect(() => {
         window.addEventListener("mousemove",handleMove);
        return () => {
           window.removeEventListener("mousemove",handleMove);  
        }
    }, [])
    
    return {
        x,y
    }

  //   componentDidMount() {
  //     window.addEventListener('mousemove', this.handleMove)
  //   }

  //   componentWillUnmount() {
  //     window.removeEventListener('mousemove', this.handleMove)
  //   }
}
